<!-- 导航栏 -->
<div class="header-top">
    <h1>
        <a href="http://localhost:1234/"><img src="/images/logo.png" alt=""></a>
    </h1>
    <div class="nav-left">
        <ul>
            <li>
                <a href="#">
                    <i class="iconfont icon-Frame1-copy"></i>
                    <span>成都市</span>   
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-qijiandian"></i>
                    <span>旗舰店</span>   
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-dianpu"></i>
                    <span>预约到店</span>   
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-kefu"></i>
                    <span>在线客服</span>   
                </a>
            </li>
        </ul>
    </div>
    <div class="nav-right">
        <ul>
            <li>
                <a href="#">
                    <i class="iconfont icon-iconzhuanqu20"></i>
                    <span>真爱查询</span>   
                </a>
            </li>
            <li>
                <a href="#" style="margin-right: 5px;">
                    <i class="iconfont icon-denglu
                    "></i>
                    <span><a href="/html/login.html" style="margin: 0;">登录</a>/<a href="/html/register.html">注册</a></span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-gerenzhongxin-wodexinyuandan"></i>
                    <span>心愿单</span>   
                </a>
            </li>
            <li>
                <a href="/html/shopCar.html">
                    <i class="iconfont icon-iconset0316
                    "></i>
                    <span>购物袋</span> 
                    <div class="count">1</div>  
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="header-bottom">
    <ul>
        <!-- <li><a href="#">品牌故事</a></li>
        <li><a href="#">求婚钻戒</a></li>
        <li><a href="#">结婚对戒</a></li>
        <li><a href="#">真爱礼物</a></li>
        <li><a href="#">真爱体验店</a></li>
        <li><a href="#">DR世界</a></li>
        <li><a href="#">DR直播间</a></li>
        <li><a href="#">DR真爱婚礼</a></li> -->
        <li  id="navTabsLi">
            <input type="search" placeholder="请输入商品名称/门店名称">
            <i class="iconfont icon-iconzhuanqu20"></i>
        </li>
    </ul>

    <!-- 定义模板 -->
    <script type="text/html" id="navTemplate">
        {{each list item}}
        <li><a href="/html/list.html?id={{item.id}}">{{item.name}}</a></li>
        {{/each}}
    </script>
</div>